@charset "utf-8";


.pro_nav{width:990px; border-top:1px solid #000; height:40px; margin:0 auto; line-height: 40px;}
.pro_nav a{color:cornflowerblue;}
.pro_nav a:hover{color: #B61B1F; text-decoration: underline;}
.usernav_box li.hover{ background:#f1f1f1 url(../img/cHeadPic.png) no-repeat -169px -58px; }

/* user public css */ 
.head_box a{font-size:12px; color:#444; text-decoration:none;font-family: "宋体",SimSun; }
.head_box a:hover{ color:#cc1d00;}
.userLeft{ float:left; width:170px;}
.userRight{float:right; width:820px;}
.userListDiv{ border:1px solid #dedede; border-top:2px #cc1d00 solid; margin-bottom:20px;}
.userListDiv .titDiv{ border-bottom:1px solid #dedede; height:30px; background:#f7f7f7; line-height:30px; }
.userListDiv .titDiv h5{ width:400px; float:left; display:inline-block; line-height:30px; font-size:14px; color:#333; font-weight:normal; padding-left:15px;}
.userListDiv .titDiv h5 span{ margin-left:15px; font-size:12px; color:#cc1d00;}
.userListDiv .titDiv a.rr{ display:inline-block; width:300px; text-align:right;padding-right:20px; float:right;}
/*------------------------------主体----------------------------------*/
.user_main{width:990px; min-height: 600px; border-top:2px solid #ec7d6a; margin:0 auto;}
.user_left{float:left; width:170px; -border:1px solid #ccc;}
.head_box{background-color: #f1f1f1;height: 142px;text-align: center;padding-top: 10px;position: relative;z-index: 0;}
.head_box p img{width:74px; height:74px; border-radius: 50%; margin:0 auto 10px;}
.head_box p{line-height: 22px;}
.head_box p i{font-style: normal;display: inline-block;width: 18px;height: 16px;background: #cc1d00;line-height: 16px;text-align: center;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 11px;color: #fff;}
.head_box span{width:7px; height:161px; background:url(../img/cHeadPic.png) no-repeat;position: absolute;top: -2px;left: 0px;}
.usernav_box{width: 162px;margin-left: 7px;border-top:none; border: 1px solid #ddd;}
.usernav_box ul{padding: 20px 15px 15px 30px;}
.usernav_box ul li{line-height: 26px;text-indent: 24px;font-size: 12px;color: #444;}
.usernav_box ul li a{color: #444;}
.usernav_box ul li a:hover{color:#B61B1F}
.usernav_box ul .tit{padding-top: 15px;text-indent: 0px;font-weight: bold;}


.user_right{width:820px; float:right;}
.growBox{margin-bottom:20px;}
.rightGrow{border-bottom: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;width: 579px;float: left;}
.rightGrow .rightGrow_ul{height:36px;}
.rightGrow li{float: left;width: 192px;border-bottom: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;text-align: center;height: 35px;line-height: 35px;color: #666;font-size: 12px;background: #fafafa;}
.rightGrow li span{font-family: Verdana, Geneva, sans-serif;font-size: 16px;color: #cc1d00;vertical-align: -2px;display: inline-block;font-weight: bold;}
.growDiv{border-right: 1px solid #dbdbdb;height: 115px; position: relative; }
.growDiv .growNote {position: absolute;top: 5px;background: url(../img/user/userHeadPic.png) no-repeat -157px 0px;width: 99px;height: 38px;padding: 3px 0px 0px 5px;color: #999;}
.growDiv .stripGrowGray {position: absolute; height: 8px; width: 500px; background: #ddd;top: 55px; left: 30px;}
.growDiv .stripGrowBgGreen {position: absolute; height: 8px; width: 500px;background: #8fc31f; top: 55px;left: 30px;}
.growDiv .striPoint li {width: 30px;height: 30px; border-radius: 50%; background: #ddd; border: none;text-align: center;    color: #fff;  line-height: 30px;  position: absolute; top: 45px;left: 10px; font-size: 14px;font-style: italic;}
.growDiv .growA {position: absolute; right: 20px;bottom: 4px;}
.growDiv .striPoint li.green {background: #8fc31f;}


.rightMy .myTitBox {
    float: left;
    width: 239px;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    text-align: center;
    height: 35px;
    line-height: 35px;
    color: #666;
    font-size: 12px;
    background: #fafafa;
}
.rightMy .myCont {
    position: relative;
}
.myCont .arrLeft {
    background: url(../img/cHeadPic.png) no-repeat -112px 0px;
    width: 13px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 35px;
    z-index: 9;
    display: none;
}
.ccav {
    height: 116px;
    width: 240px;
    position: relative;
    overflow: hidden;
}
.ccav ul {
    height: 115px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.ccav ul li {
    float: left;
    width: 79px;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    height: 57px;
    background: url(../img/user/myCont.png) no-repeat;
}
.ccav ul li.AddSend {
    background-position: 0px -57px;
}
.ccav ul li.BabyFeedingTeacher {
    background-position: -158px 0px;
}
.ccav ul li.ScoreChange {
    background-position: -395px 0px;
}
.ccav ul li.UserService {
    background-position: -395px -57px;
}
.ccav ul li.Magazines {
    background-position: -474px 0px;
}
.ccav ul li.upV2 {
    background: #fff;
}
.ccav ul li.upV2 span {
    padding: 12px 5px 0px 5px;
    color: #cc1d00;
    display: block;
    text-align: center;
}

/*我的订单 */
.myOrderBox{padding:15px;}
.myOrderBox table{ border-spacing:0px; border-collapse: collapse;}
.myOrderBox .myOrderTit{ background-color:#f1f1f1; border:1px solid #dfdfdf; line-height:28px; color:#444; font-size:12px;}
.myOrderBox .myOrderList{ margin-top:10px; color:#444;} 
.myOrderBox .myOrderList td{border:1px solid #dfdfdf; padding:8px 4px;}
.myOrderBox .myOrderList thead td{background-color:#f1f1f1; line-height:30px; color:#888; font-size:12px;}
.myOrderBox .myOrderList thead td{ padding:0px; line-height:32px; height:32px; padding:0px 5px;}
.myOrderBox .myOrderList thead td span.boxL{float:left; padding-right:20px;}
.myOrderBox .myOrderList td a{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000;}
.myOrderBox .myOrderList td a.red{ color:#cf2e13;}
.myOrderBox .myOrderList td a:hover{ color:#cf2e13; text-decoration:none;}
.myOrderBox .myOrderList thead td span.boxL em{ color:#cf2e13;}
.myOrderBox .myOrderList thead td span.boxR{float:right; padding-right:5px;font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#777;}
.myOrderBox .myOrderList tbody td .divGoods{float:left; position:relative;}
.myOrderBox .myOrderList tbody td .divGoodsNum{ position:absolute; top:5px; left:260px; color:#999; font-family:Verdana, Geneva, sans-serif}
.myOrderBox .myOrderList tbody td .divGoods img{ width:50px; height:50px;}
.myOrderBox .myOrderList tbody td .divGoods a.img{ border:1px solid #bbb;width:50px; height:50px; display:block;}
.myOrderBox .myOrderList tbody td .divGoods a.img:hover{ border:1px solid #999;}
.myOrderBox .myOrderList tbody td .divGoods p.p1{ padding-left:10px; line-height:16px; max-height:32px; width:230px; overflow:hidden;}
.myOrderBox .myOrderList tbody td .divGoods p.p2{ padding-left:10px; line-height:24px; color:#999;width: 260px;height: 24px;overflow: hidden;}
.myOrderBox .myOrderList tbody td span{ display:block; line-height:18px;}
.myOrderBox .myOrderList tbody td span.price{ font-family:Verdana, Geneva, sans-serif; color:#cf2e13; font-size:12px; font-weight:bold;}
.myOrderBox .myOrderList tbody td span.priceG{color:#666; font-size:12px;}
.myOrderBox .myOrderList tbody td span.note{ color:#999;}
.myOrderBox .myOrderList tbody td span a.btnRed{ padding:3px 10px; background-color:#cc4024; border:1px solid #9c1a00; color:#fff; text-align:center; display:inline-block;}
.myOrderBox .myOrderList tbody td span a.btnBlue{ padding:3px 10px; background-color:#48b4ec; border:1px solid #3a86b6; color:#fff; text-align:center; display:inline-block; }
.myOrderBox .myOrderList tbody td span a.btnGray{ padding:3px 10px; background-color:#eee; border:1px solid #c5c5c5; color:#666; text-align:center; display:inline-block;}
.myOrderBox .subOrder{ margin-top:10px;}
.myOrderBox .subOrder p{color:#666; line-height:16px; }
.myOrderBox .subOrder p.note{ background:url(../image/userHeadPic.png?v=20150416) no-repeat -18px -101px; padding-left:18px; line-height:30px;}
.myOrderBox .subOrder .myOrderList{ margin-top:0px;}
.userListDiv .titDiv a.rr {
    display: inline-block;
    width: 300px;
    text-align: right;
    padding-right: 20px;
    float: right;
}

.userListDiv {
    border: 1px solid #dedede;
    border-top: 2px #cc1d00 solid;
    margin-bottom: 20px;
}
.userListDiv .titDiv {
    border-bottom: 1px solid #dedede;
    height: 30px;
    background: #f7f7f7;
    line-height: 30px;
}
.userListDiv .titDiv h5 {
    width: 400px;
    float: left;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    font-weight: normal;
    padding-left: 15px;
}
.myFriend {
    padding: 15px;
}
.divL {
    float: left;
}
.myFriend input.tex {
    border: 1px solid #eee;
    height: 40px;
    line-height: 40px;
    padding-left: 8px;
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
    color: #444;
    width: 460px;
}
.myFriend input.btn {
    border: 1px solid #3a86b6;
    background: #48b4ec;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    font-family: 'microsoft yahei';
    font-size: 16px;
    padding: 0px 12px;
    margin-left: 10px;
    cursor: pointer;
}
.myFriend .mySend {
    color: #cc1d00;
    width: 220px;
    font-size: 14px;
}
.divR {
    float: right;
}
.userBox a {
    font-size: 12px;
    color: #444;
    text-decoration: none;
    font-family: "宋体",SimSun;
}
.jiathis_style a:hover{opacity: 0.5; filter: alpha(opacity=0.5);}
.jiathis_style .jiathis_txt {
    float: left;
    font-size: 12px;
    text-decoration: none;
    line-height: 18px !important;
}
.jiathis_style .jtico_tsina {
    background-position: 0px -96px;
}

.jiathis_style .jtico {
    text-align: left;
    overflow: hidden;
    display: block !important;
    height: 16px !important;
    line-height: 16px !important;
    padding-left: 20px !important;
    background: url(../img/user/jiathis_ico.png) no-repeat left;
    cursor: pointer;
}
.jiathis_style .jtico_qzone {
    background-position: 0px -64px;
}
.jiathis_style .jtico_kaixin001 {
    background-position: 0px -176px;
}
.jiathis_style .jtico_renren {
    background-position: 0px -160px;
}
.jiathis_style .jtico_tqq {
    background-position: 0px -144px;
}
.jiathis_style .jtico_tsohu {
    background-position: 0px -112px;
}
.myFriend p {
    padding-top: 50px;
    font-size: 12px;
    color: #444;
}
.myFriend p span {
    color: #cc1d00;
}



















